import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import ElementPlus from 'unplugin-element-plus/vite'
// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  plugins: [
    vue(),
    // 自动导入插件, 在使用时无需再导入,否则丢失样式
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    // 自动导入组件,使用同上
    Components({
      resolvers: [ElementPlusResolver()],
    }),
    // 按需导入的element-plus在使用指令弹窗时可导入样式
    ElementPlus({}),

    // postcssPresetEnv({
    // 	/* pluginOptions */
    // 	features: {
    // 		'nesting-rules': {
    // 			noIsPseudoSelector: false,
    // 		},
    // 	},
    // })
  ],
  server: {
    // port: 5173,
    host: '0.0.0.0' // 允许局域网访问调试
  }
})
